import {courseList,courseSet} from '../../../api/manage'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    courses: [                    // 课程选择器的数据
    ],
    regionValue: "",   // 课程
    showPicker:false,
    courseSet:{},
    max: '',
    previousMax: '' ,// 用于保存之前的有效值
    currentDate: new Date().getTime(),
    minDate: new Date().getTime(),
    formatter(type, value) {
      if (type === 'year') {
        return `${value}年`;
      } else if (type === 'month') {
        return `${value}月`;
      }
      return value;
    },
    selectBegin:'',
    selectEnd:'',
    selectBeginshowPicker:false,

  },
  showPicker() {
    this.setData({
      showPicker: true,
    });
  },
   // 课程确认选择
  onConfirm(event) {
    const selectedValue = event.detail.value; // 获取选择的索引
    console.log("selectedValue:",selectedValue);
    this.setData({
      regionValue: selectedValue.courseName, // 更新选择的课程
      showPicker: false, // 关闭选择器
      courseSet: {     
        ...this.data.courseSet, // 保留原有属性
        courseId: selectedValue.courseId, // 追加courseId
      }
    }); 
    
  },
  // 取消选择
  onCancel() {
    this.setData({
      showPicker: false, // 关闭选择器
    });
  },
  onMaxInput(event) {
    const inputValue = event.detail; // 获取当前输入值
    const numericValue = Number(inputValue); // 尝试将输入值转换为数字

    // 检查是否是有效的数字
    if (isNaN(numericValue)) {
      // 如果不是有效数字，回退到之前的值
      this.setData({
        max: this.data.previousMax, // 回退到之前的有效值
      });
  
      // 提示用户
      wx.showToast({
        title: '请输入数字',
        icon: 'none',
      });
    } else {
      // 如果是有效数字，更新 max 和 previousMax
      this.setData({
        previousMax: inputValue, // 保存当前值为有效值
        max: numericValue, // 更新 max 的值
        courseSet: {     
          ...this.data.courseSet, // 保留原有属性
          max: numericValue, // 追加courseId
        }
      });
    }
    console.log("hhhh：",this.data.max);
  },
  onInput(event) {
    this.setData({
      currentDate: event.detail, // 更新 currentDate
    });
  },
  showPickerBTime(){
    this.setData({
      selectBeginshowPicker:true
    })
  },
    // 显示结束时间选择器
    showPickerETime() {
      this.setData({
        selectEndshowPicker: true
      });
    },
  onBeginConfirm(){
    const selectedDate = new Date(this.data.currentDate); // 获取所选择的日期
    const year = selectedDate.getFullYear(); // 获取年份
    const month = selectedDate.getMonth() + 1; // 获取月份，注意要加1
    const day = selectedDate.getDate(); // 获取日期
    
    this.setData({
      selectBegin:`${year}年${month}月${day}日`,
      selectBeginshowPicker:false,
      courseSet: {     
        ...this.data.courseSet, // 保留原有属性
        selectBegin: `${year}年${month}月${day}日`, // 追加courseId
      }
    });
    console.log("selectBegin:",this.data.selectBegin);
  },
  onBeginCancel(){
    this.setData({
      selectBeginshowPicker:false
    });
  },
  // 结束时间确认选择
  onEndConfirm() {
    const selectedDate = new Date(this.data.currentDate); // 获取所选择的结束日期
    const year = selectedDate.getFullYear(); // 获取年份
    const month = selectedDate.getMonth() + 1; // 获取月份
    const day = selectedDate.getDate(); // 获取日期
    
    this.setData({
      selectEnd: `${year}年${month}月${day}日`,
      selectEndshowPicker: false,
      courseSet: {     
        ...this.data.courseSet, // 保留原有属性
        selectEnd: `${year}年${month}月${day}日`, // 追加courseId
      }
    });
    console.log("selectEnd:", this.data.selectEnd);
  },

  // 结束时间取消选择
  onEndCancel() {
    this.setData({
      selectEndshowPicker: false
    });
  },
 async onSubmit(){
    console.log("courseSet:",this.data.courseSet);
    if (
      !this.data.courseSet.max ||
      !this.data.courseSet.selectBegin ||
      !this.data.courseSet.selectEnd ||
      !this.data.courseSet.courseId
  ) {
       // 处理上传失败的情况
       wx.showToast({
        title: '选课设置失败，请重新设置',
        icon: 'none',
        duration: 2000
    });
  } else{
    if(this.data.courseSet.selectBegin>this.data.courseSet.selectEnd){
        // 处理上传失败的情况
        wx.showToast({
          title: '选课设置失败，请重新设置',
          icon: 'none',
          duration: 2000
      });
      this.setData({
        "this.data.courseSet.selectBegin":"",
        "this.data.courseSet.selectEnd":"",
        selectBegin:"",
        selectEnd:""
      })
      console.log("courseSet:",this.data.courseSet);
    }else{
    let res = await courseSet(this.data.courseSet.max,this.data.courseSet.selectBegin,this.data.courseSet.selectEnd,this.data.courseSet.courseId)
    if (res.code === 200) {
      // 清空数据
      this.setData({
        selectBegin:'',
        selectEnd:'',
        max: '',
        regionValue: "",   // 课程
      });
      // 弹出提示框
      wx.showToast({
          title: '提交成功', // 提示内容
          icon: 'success',   // 图标类型
          duration: 2000     // 显示时长
      });
    
  } else {
      // 处理上传失败的情况
      wx.showToast({
          title: '提交失败',
          icon: 'none',
          duration: 2000
      });
  }
}
}
  },
  /**
   * 生命周期函数--监听页面加载
   */
  async onLoad(options) {
    let re = await courseList();
    // 提取 courseId 和 courseName
    let simplifiedCourseList = re.data.map(course => ({
      courseId: course.courseId,
      courseName: course.courseName
    }));
    console.log(simplifiedCourseList); 
    this.setData({
      courses:simplifiedCourseList
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})